<?
include('includes/facebook.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<title>Home | FitShare</title>
	
	<link rel="stylesheet" href="css/custom.css" type="text/css" media="screen" title="custom" charset="utf-8" />	
	
	<link rel="stylesheet" href="themes/blue/css/blue.css" type="text/css" media="screen" title="blue" charset="utf-8" class="styleswitch" />
	<link rel="alternate stylesheet" href="themes/red/css/red.css" type="text/css" media="screen" title="red" charset="utf-8" class="styleswitch" />
	<link rel="alternate stylesheet" href="themes/orange/css/orange.css" type="text/css" media="screen" title="orange" charset="utf-8" class="styleswitch" />
	<link rel="alternate stylesheet" href="themes/green/css/green.css" type="text/css" media="screen" title="green" charset="utf-8" class="styleswitch" />
	<link rel="alternate stylesheet" href="themes/black/css/black.css" type="text/css" media="screen" title="black" charset="utf-8" class="styleswitch" />
	<link rel="alternate stylesheet" href="themes/purple/css/purple.css" type="text/css" media="screen" title="purple" charset="utf-8" class="styleswitch" />
	
	
	<link rel="stylesheet" href="css/jquery.lightbox-0.5.css" type="text/css" media="screen" title="lightbox" charset="utf-8" />
	
	<!--[if IE 8]>	
	<link rel="stylesheet" href="css/ie8.css" type="text/css" media="screen" title="ie8" charset="utf-8" />
	<![endif]-->
	
	<!--[if IE 7]>	
	<link rel="stylesheet" href="css/ie7.css" type="text/css" media="screen" title="ie8" charset="utf-8" />
	<![endif]-->

</head>

<body class="layout-fixed">
	
<div id="page">

	<!-- Start #header -->
	<? include('includes/header.php'); ?>
    <!-- #header -->
	
	<!-- Start #nav -->
    <? include('includes/nav.php'); ?>
	<!-- #nav -->
	
	<!-- Start #body -->
	<div id="body">
		
		<h1 id="pageTitle">Dashboard</h1>
		
		<!-- Start #main -->
		<? include('pages/home.php'); ?>
        <!-- #main -->		
		
		<!-- Start #sidebar -->
		<div id="sidebar">
			
			<div class="portlet portlet-closable">	
				
				<div class="portlet-header">
					<h4>Quick Info (83)</h4> 
					
				</div> <!-- .portlet-header -->		
				
				<div class="portlet-content">		
					<p>Activity that has taken place since the last time you logged in. Vivamus pulvinar tempus orci. </p>
					
					<ul id="quick-info">
						<li class="qi-orders"><a href="javascript:;">23 new orders</a></li>
						<li class="qi-comments"><a href="javascript:;">7 new comments</a></li>
						<li class="qi-questions"><a href="javascript:;">9 new questions</a></li>
						<li class="qi-articles"><a href="javascript:;">3 new articles</a></li>
						<li class="qi-messages"><a href="javascript:;">5 new messages</a></li>
						<li class="qi-subscribers"><a href="javascript:;">36 new subscribers</a></li>
					</ul>
						
					<div class="clear"></div>
				</div> <!-- .portlet-content -->	
			</div> <!-- .portlet -->
			
			
			<div class="portlet portlet-closable">	
				
				<div class="portlet-header">
					<h4>Lightbox Images (6)</h4> 
					
				</div> <!-- .portlet-header -->		
				
				<div class="portlet-content" style="text-align: center">		
					
					<div id="gallery">	
						<a href="images/lightbox/image1.jpg"><img src="images/lightbox/thumb_image1.jpg" alt="Lightbox Image" /></a>
						<a href="images/lightbox/image2.jpg"><img src="images/lightbox/thumb_image2.jpg" alt="Lightbox Image"  /></a>
						<a href="images/lightbox/image3.jpg"><img src="images/lightbox/thumb_image3.jpg" alt="Lightbox Image"  /></a>
						<a href="images/lightbox/image4.jpg"><img src="images/lightbox/thumb_image4.jpg" alt="Lightbox Image"  /></a>
						<a href="images/lightbox/image1.jpg"><img src="images/lightbox/thumb_image1.jpg" alt="Lightbox Image"  /></a>
						<a href="images/lightbox/image5.jpg"><img src="images/lightbox/thumb_image5.jpg" alt="Lightbox Image"  /></a>
					</div> <!-- #gallery -->
					<div class="clear"></div>
				</div> <!-- .portlet-content -->	
			</div> <!-- .portlet -->
			
			
			
	
			<div class="portlet portlet-closable">	
				<div class="portlet-header">
					<h4>Notifications (4)</h4>
						
				</div> <!-- .portlet-header -->	
					
				<div class="portlet-content">		
					<p class="message message-info ">Informative Message</p>
					<p class="message message-warning message-closable">Warning Message</p>
					<p class="message message-success message-closable">Success Message</p>
					<p class="message message-error message-closable">Error Message</p>
				</div> <!-- .portlet-content -->	
			</div> <!-- .portlet -->
							
			
			
		</div> <!-- #sidebar -->
			
	</div> <!-- #body -->
	
	<!-- Start #footer -->
	<div id="footer">
		
		<p>Copyright &copy; 2010, Rod Creative, all rights reserved.</p>
		
	</div>
	
</div> <!-- #page -->

<script  type="text/javascript" src="js/jquery/jquery.1.4.2.min.js"></script>
<script  type="text/javascript" src="js/jquery/jquery.flot.min.js"></script>
<script  type="text/javascript" src="js/jquery/jquery.cookie.js"></script>
<script  type="text/javascript" src="js/jquery/jquery.hoverIntent.min.js"></script>
<script  type="text/javascript" src="js/jquery/jquery.tablesorter.min.js"></script>
<script  type="text/javascript" src="js/jquery/jquery.lightbox-0.5.min.js"></script>

<script  type="text/javascript" src="js/azure/azure.js"></script>
<script  type="text/javascript" src="js/azure/azure.chart.js"></script>
<script  type="text/javascript" src="js/azure/azure.nav.js"></script>
<script  type="text/javascript" src="js/azure/azure.message.js"></script>
<script  type="text/javascript" src="js/azure/azure.portlet.js"></script>
<script  type="text/javascript" src="js/azure/azure.styleswitch.js"></script>

<!--[if IE]><script  type="text/javascript" src="js/misc/excanvas.min.js"></script><![endif]-->

<script type="text/javascript" charset="utf-8">
$(function () 
{
	azure.layoutInit ();
	azure.nav.init ();
	azure.portlet.init ();
	azure.message.init ();
	azure.styleSwitcher ();
	azure.layoutSwitcher ();
	azure.chart.draw ();
	
	$('#dataTable').tablesorter ({ headers: { 4: {sorter: false} } });
	$('#gallery a').lightBox ();
});
</script>

</body>


</html>